﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="PageArticle.aspx.cs" Inherits="XpressNews.PageArticle" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="server"> </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="server">
    <article class="article-container clearfix" itemscope itemtype="http://schema.org/Article">
        <div class="article-content clearfix">
            <header>
                <div class="figure-container">
                    <figure class="featured-post-figure" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">

                        <img itemprop="contentURL" src="img-samples/8.png"/>

                        <figcaption itemprop="description">
                            Img Descr
                        </figcaption>
                    </figure>
                </div>

                <h1 itemprop="headline">
                    <asp:Label ID="lblNewsTitle" runat="server"/>
                </h1>

                <div class="post-meta">
                    <ul>
                        <li>
                            <i class="icon-user3"></i>
                            <a href="#">
                                <asp:Label ID="lblAuthor" runat="server"/>
                            </a>
                        </li>

                        <li itemprop="datePublished">
                            <i class="icon-alarm2"></i>
                            <asp:Label ID="lblDatePublish" runat="server"/>
                        </li>
                        <li>
                    </ul>
                </div>

                <div class="divider"></div>
            </header>

            <div class="post-entry text-justify" itemprop="articleBody">

                <b>
                    <asp:Label ID="lblNewsIntroduceText" runat="server"/>
                </b>
                <br/>
                <br/>
                <asp:Label ID="lblNewsContent" runat="server"/>

            <%--<nav class="post-navigation clearfix">
            <div class="prev-article col-md-6 col-sm-6 col-xs-12">
            <cite>Previous Article</cite>
            <h3>
            India Takes Down Its First Cyber Criminal
            </h3>
            <a href="#Prev_Article" class="more"></a>
            </div>

            <div class="next-article col-md-6 col-sm-6 col-xs-12">
            <cite>Next Article</cite>
            <h3>
            Bear Introduced to Snow for the First Time
            </h3>
            <a href="#Next_Article" class="more"></a>
            </div>
            </nav>--%>
            </div>

            <footer class="article-boxes clearfix">

                <!-- Social Box -->
                <aside class="share-box clearfix" data-showonscroll="true" data-animation="fadeIn">
                    <div class="box-title">
                        <h3>
                            Share On:
                        </h3>
                    </div>

                    <div class="box-content share-icons clearfix">
                        <a href="#" class="facebook">facebook <span class="badge"> <i class="zoc-facebook"></i> </span> </a>
                        <a href="#" class="twitter">twitter <span class="badge"> <i class="zoc-twitter"></i> </span> </a>
                        <a href="#" class="gplus">google+ <span class="badge"> <i class="zoc-gplus"></i> </span> </a>
                        <a href="#" class="pinterest">pinterest <span class="badge"> <i class="zoc-pinterest"></i> </span> </a>
                        <a href="#" class="stumbleupon">stumbleupon <span class="badge"> <i class="zoc-stumbleupon"></i> </span> </a>
                    </div>
                </aside>

                <!-- Comments Box -->
                <aside class="cat-widget comments-box clearfix" itemprop="comment" itemscope="" itemtype="http://schema.org/UserComments">
                    <div class="widget-title">
                        <h3>
                            Comments
                        </h3>

                        <div class="sep-widget"></div>
                    </div>

                    <div class="widget-content color-theme clearfix">
                        <div class="comments">
                            <ol class="comment-list">
                                <asp:Repeater ID="rptComments" runat="server">
                                    <ItemTemplate>
                                        <li class="comment-main" data-showonscroll="true" data-animation="fadeIn">
                                            <article class="comment">

                                                <div class="comment-meta comment-author vcard">
                                                    <img alt="" src="images/avatar.png"/>
                                                </div>

                                                <div class="comment-content comment">

                                                    <a href="#" class="time"> <i class="icon-alarm2"></i>
                                                        <time itemprop="commentTime" datetime="">
                                                        <%#Eval("cmtDatePost") %>
                                                        </time> </a>

                                                    <cite class="creator" itemprop="creator"> <a href="#" class="url"><%#Eval("cmtWriter") %></a> <span> - Comment Writter</span> </cite>

                                                    <p class="text" itemprop="commentText">
                                                    <%#Eval("cmtContent") %>
                                                    </p>
                                                </div>

                                            </article>
                                        </li>
                                    </ItemTemplate>
                                </asp:Repeater>

                                <li class="comment-main" data-showonscroll="true" data-animation="fadeIn">
                                    <article class="comment">

                                        <div class="comment-meta comment-author vcard">
                                            <img alt="" src="img-samples/avatars/1.png"/>
                                        </div>

                                        <div class="comment-content comment">

                                            <a href="#" class="time"> <i class="icon-alarm2"></i>
                                                <time itemprop="commentTime" datetime="">
                                                    August 14, 2013 at 05:41 am
                                                </time> </a>

                                            <cite class="creator" itemprop="creator"> <a href="#" class="url">Serpentsoft</a> <span> - Comment Writter</span> </cite>

                                            <p class="text" itemprop="commentText">
                                                Etiam pharetra, erat sed fermentum feugiat.
                                            </p>
                                        </div>

                                    </article>
                                </li>
                            </ol>

                            <div id="respond" class="comment-respond" data-showonscroll="true" data-animation="fadeIn">
                                <h3 id="reply-title" class="comment-reply-title">
                                    Leave a Reply
                                </h3>

                                <form ID="commentform" runat="server" method="post">
                                    <div class="comment-form">
                                        <p class="comment-notes">
                                            Say something here as "Required fields are marked <span class="required">*</span>".
                                        </p>

                                        <p class="comment-form-author">
                                            <label for="txtCmtWriter">
                                                Your Name <span class="required">*</span>
                                            </label>
                                            <%--<asp:TextBox ID="txtCmtWriter" runat="server" size="30" aria-required="true"></asp:TextBox>--%>
                                            <asp:TextBox ID="txtCmtWriter" runat="server"></asp:TextBox>
                                        </p>

                                        <p class="comment-form-comment">
                                            <label for="txtCmtContent">
                                                Comment
                                            </label>
                                            <%--<asp:TextBox ID="txtCmtContent" runat="server" TextMode="MultiLine" name="comment" cols="45" rows="8" aria-required="true"></asp:TextBox>--%>
                                            <asp:TextBox ID="txtCmtContent" runat="server" TextMode="MultiLine" name="comment" Columns="45" Rows="8"></asp:TextBox>
                                        </p>

                                        <p class="form-submit">
                                            <asp:Button ID="btnPostComment" runat="server" Text="Post Comment" OnClick="btnPostComment_Click"/>
                                        </p>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </aside>

            </footer>

        </div>
    </article>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cphScript" runat="server"> </asp:Content>
